<!--#layout("/common/layout.html",{"jsBase":"/js/chart/trans/"}){ -->
<script src="${ctxPath}/plugins/layui_extends/highcharts/highcharts.js"></script>
<script src="${ctxPath}/plugins/layui_extends/highcharts/modules/data.js"></script>
<div class="layui-row">
    <form id="searchForm" class="layui-form layui-form-pane">
        <div class="layui-collapse" lay-filter="condictionCol">
            <div class="layui-colla-item">
                <h2 class="layui-colla-title">查询条件</h2>
                <div class="layui-colla-content layui-show">
                    <div class="layui-row">

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">日期</label>
                                <div class="layui-input-inline">
                                    <div class="layui-input-inline">
                                        <input type="text" name="dateTime" id="dateTime" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                            </div>

                            <div class="layui-inline">
                                <button style="float: left;" class="layui-btn layui-btn-normal" type="button" id="searchFormSearch">搜索</button>
                            </div>

                        </div>

                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
<br>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
<br>
<!--#} -->
<script>
    layui.use(['moneyIndex','laydate'], function () {
        var moneyIndex = layui.moneyIndex;
        var laydate = layui.laydate;
        laydate.render({
            elem : '#dateTime',
            range : '~'
        });
        moneyIndex.init();
    });
</script>
